﻿@model FashionWebsite.Models.page<FashionWebsite.Models.Product>
@{
    Layout = null;
}
<script type="text/javascript">
    $().ready(function () {
        $(".page-number").live("click", function () {

            var pageindex = parseInt($(this).html());

            $.ajax({
                url: '@Url.Action("PersonList")',
                data: { "page": pageindex },
                success: function (data) {
                    $("#person-list").html(data);
                }
            });
        });
    });
   
</script>
<script type="text/javascript">
    $j(window).load(function () {
        $j('#slider').nivoSlider({
            effect: 'random', //Specify sets like: 'fold,fade,sliceDown' fade
            slices: 15,
            width: 535,
            height: 220,
            animSpeed: 500,
            pauseTime: 5000,
            startSlide: 0, //Set starting Slide (0 index)
            directionNav: true, //Next & Prev
            directionNavHide: true, //Only show on hover
            controlNav: true, //1,2,3...
            controlNavThumbs: false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel: false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav: true, //Use left & right arrows
            pauseOnHover: true, //Stop animation while hovering
            manualAdvance: false, //Force manual transitions
            captionOpacity: 0.0, //Universal caption opacity
            beforeChange: function () { },
            afterChange: function () { },
            slideshowEnd: function () { } //Triggers after all slides have been shown
        });
    });
</script>

@*<div style="left: 0px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll 0px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 36px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -36px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 72px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -72px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 108px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -108px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 144px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -144px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 180px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -180px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 216px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -216px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 252px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -252px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 288px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -288px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 324px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -324px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 360px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -360px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 396px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -396px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 432px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -432px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 468px; width: 36px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -468px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="left: 504px; width: 31px; height: 100%; opacity: 1; background: url(&quot;http://media.bizwebmedia.net/Templates/slide/thoitrang/pic01.jpg&quot;) no-repeat scroll -504px 0% transparent; bottom: 0px; top: 0px;" class="nivo-slice"></div><div style="opacity: 0; display: block;" class="nivo-caption"><p></p></div><div style="display: block;" class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div class="nivo-controlNav"><a class="nivo-control active" rel="0">0</a><a class="nivo-control" rel="1">1</a><a class="nivo-control" rel="2">2</a></div></div>*@



   @* <div class="defaultTitle TitleContent">
        <span>Sản phẩm nổi bật</span>
    </div>
   san pham noi bat *@
   <div class="defaultContent BlockContent">
         <div id="person-list">
                <ul class="ProductList First">
                     @foreach (var item in  Model.Data)
                        {
                         
                           <li class="Odd">
                                <div id="ProductImage" class="ProductImage ProductImageTooltip po_465552">
                                    <a rel="1444832" class="#tooltip1444832" href="http://duyquoc124.bizwebvietnam.com/giay-nu-vascara-cao-got-ho-mui-de821-1444832.html" productname="Giày nữ Vascara cao gót hở mũi DE821" description="" thumbnail="http://media.bizwebmedia.net/Thumbnails/templates/images/2011/5/4834509New_2.350.300.jpg" thumbnailerror="http://media.bizwebmedia.net/Thumbnail.ashx?img=templates/images/2011/5/4834509New_2.jpg&amp;width=350&amp;height=300" promotion="">
                                        <img alt="Giày nữ Vascara cao gót hở mũi DE821" title="Giày nữ Vascara cao gót hở mũi DE821" src="Content/ProductImages/4834509New_2.jpg" onerror="this.src='http://media.bizwebmedia.net/Thumbnail.ashx?img=templates/images/2011/5/4834509New_2.jpg&amp;width=120&amp;height=120';">                                    </a>                                </div>
                                <div class="saleFlag iconSprite disable">                                    </div>
                                <div class="ProductDetails">
                                    <strong><a href="http://duyquoc124.bizwebvietnam.com/giay-nu-vascara-cao-got-ho-mui-de821-1444832.html">
                                        @item.ProductName</a></strong>                                </div>
                                <div class="ProductPrice">
                                    <div class="retail-price disable">
                                        <span class="price-label"></span><span class="price"><strike class="RetailPriceValue">
                                            </strike>
                                        </span>                                    </div>
                                    <div class="special-price">
                                        <span class="price-label"></span><span class="price"><em>
                                            @item.ProductId</em>
                                        </span>                                    </div>
                                </div>
                                <div class="ProductRating Rating-1" style="display: ;">
                                    <div class="RatingImage">                                    </div>
                                </div>
                                <div class="ProductActionAdd"><a class="various1" rel="nofollow" href="#inline1" onclick="javascript:PopupCart(1444832, '/');"><span>Mua hàng</span></a></div>
                            </li>
                        
                          
                         
                     }
    
       
                        
                   
                </ul>
             
                <di colspan="3">
                    @for (int i = 1; i <= Model.NumberOfPages; i++)
                    {
                        if (i == Model.CurrentPage)
                        {
                            @i
                        }
                        else
                        {
                            <a class="page-number" href="javascript:void();">@i</a>
                        }
                    }

                </di>
              <br class="Clear">
            </div>
              
    </div>
 
  